<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<title>IFE task 9</title>
	<link rel="stylesheet" type="text/css" href="css\Task9.css">
</head>
<body>
	<header>
		<div class="logo">
			<img src="D:\Workspace\code\pic\logoS.png">
		</div>
		<div class="search-bar">
			<input type="text" name="search">
			<a href="#">登录</a>
		</div>
	</header>
	<aside>
		<div class="self-info">
			<div class="head-port">
				<span></span>
			</div>
			<p>ABC123</p>
		</div>
		<div class="about">
			<ul>
				<li>
					<p>110</p>
					<p>收藏</p>
				</li>
				<li>
					<p>313</p>
					<p>粉丝</p>
				</li>
			</ul>
		</div>
		<div class="doc">
			<ul>
				<li class="detail">
					<a href="" class="alt"><i class="form-open"></i>个人报表</a>
					<ul>
						<li>
							<a href=""><i class="to-right"></i><i class="file-close"></i>文件一</a>
						</li>
						<li>
							<a href="" class="alt"><i class="to-bottom"></i><i class="file-open"></i>文件二</a>
							<ul>
								<li>
									<a href="" class="alt"><i class="doc-open"></i>文档1</a>
								</li>
								<li>
									<a href=""><i class="doc-close"></i>文档1</a>
								</li>
							</ul>
						</li>
						<li>
							<a href=""><i class="to-right"></i><i class="file-close"></i>文件三</a>
						</li>
					</ul>
				</li>
				<li>
					<a href=""><i class="star"></i>个人收藏</a>
				</li>
				<li>
					<a href=""><i class="share"></i>我的分享</a>
				</li>
				<li>
					<a href=""><i class="star"></i>图库</a>
				</li>
				<li>
					<a href=""><i class="star"></i>成长记录</a>
				</li>
				<li>
					<a href=""><i class="user-info"></i>账户信息</a>
				</li>
			</ul>
		</div>
	</aside>
	<article>
		<nav>
			<ul>
				<li><a href="">C站</a>/</li>
				<li><a href="">个人报表</a>/</li>
				<li><a href="">文件一</a>/</li>
				<li><a href="">文档一</a></li>
			</ul>
		</nav>
		<section class="search">
			<div class="search-pro">
				<span>查询项</span>
				<select class="select-1">
					<option>第一项</option>
					<option>第二项</option>
					<option>第三项</option>
				</select>
			</div>
			<div class="trade-peo">
				<span>买方</span>
				<select class="select-2">
					<option>小A</option>
					<option>小B</option>
					<option>小C</option>
				</select>
				<span>卖方</span>
				<select class="select-2">
					<option>小C</option>
					<option>小B</option>
					<option>小A</option>
				</select>
				<a href=""><img src="D:/Workspace/code/pic/change.png"></a>
			</div>
			<div class="trade-time">
				<span>日期</span>
				<select class="select-2">
					<option>2016-04-01</option>
					<option>2016-04-02</option>
					<option>2016-04-03</option>
				</select>
				<span>总耗时</span>
				<select class="select-1">
					<option>8天</option>
					<option>5天</option>
					<option>3天</option>
				</select>
				<span>人数</span>
				<select class="select-1">
					<option>10人</option>
					<option>8人</option>
					<option>6人</option>
				</select>
				<span>成交项</span>
				<select class="select-2">
					<option>10项</option>
					<option>8项</option>
					<option>6项</option>
				</select>
			</div>
			<button>搜索</button>
		</section>
		<section class="histroy">
			<button><div class="left-btn"></div></button>
			<div class="price-list">
				<div><time>10:00 am</time><strong><b>¥</b>1200</strong></div>
				<div><time>10:00 am</time><strong><b>¥</b>1200</strong></div>
				<div><time>10:00 am</time><strong><b>¥</b>1200</strong></div>
				<div><time>10:00 am</time><strong><b>¥</b>1200</strong></div>
				<div><time>10:00 am</time><strong><b>¥</b>1200</strong></div>
				<div><time>10:00 am</time><strong><b>¥</b>1200</strong></div>
			</div>
			<button><div class="right-btn"></div></button>
			<a href="">历史查询</a>
		</section>
		<section class="trade-volumn">
			<h3>2016年4月份统计</h3>
			<ul>
				<li>
					<span>133311</span>
					<div></div>
					<span>成交量</span>
				</li>
				<li>
					<span>133311</span>
					<div></div>
					<span>成交量</span>
				</li>
				<li>
					<span>133311</span>
					<div></div>
					<span>成交量</span>
				</li>
				<li>
					<span>133311</span>
					<div></div>
					<span>成交量</span>
				</li>
			</ul>
		</section>
	</article>
</body>
</html>